<!DOCTYPE html>
<html>
<head>
	<title>Registro operatori</title>
	<meta charset="UTF-8"/>
	<link rel="stylesheet" type="text/css" href="cssdiprova.css"/>
    <script src="xmlLoader.js" type="text/javascript"/></script>
	<script type="text/javascript"/>
		
		function loadOperatori(){
			//recupero i dati dal server
			var operatoriXML=loadXMLDoc("/operatori");
			var operatori=operatoriXML.getElementsByTagName("operatore");

			//creo il codice HTML della lista degli operatori 
			var newText="";
			
			for(var i=0; i<operatori.length; i++){
				//operatori sarà un array
				
				var operatore=operatori[i].firstChild.nodeValue;
				
				//esempio : <li onClick="loadRegistro('Angelo')">Angelo</li>
				newText=newText+"<li onclick=\"loadRegistro('"+operatore+"')\">"+operatore+"</li>";
			}
			
			//assegno il codice html generato dinamicamente al tag ul 'listaOperatori'
			var ulOperatori=document.getElementById("listaOperatori");
			ulOperatori.innerHTML=newText;
		}
		
		function loadRegistro(operatore){
			
			var link="/registro?operatore="+operatore+"&data=300314";
			
			var registroXML=loadXMLDoc(link);
			
			var registro=registroXML.getElementsByTagName("log");
			
			
			if(registro[0]!=undefined){
				//getElementsByTagName ritorna un array, ma in questo caso avrà un solo elemento
				
				var stocks=registroXML.getElementsByTagName("stock");
				
				var innerHTMLText="<ul>";
				for(var i=0;i<stocks.length;i++){
					
					var attributes=stocks[i].attributes;
					
					//alert(attributes)
					var numero=attributes.item(0).value;
					
					innerHTMLText=innerHTMLText+"<li> Quantit\u00e0:"+numero+", Modello:"+stocks[i].firstChild.data+"</li>";
				}
			
				var registro=document.getElementById("registro");
				registro.innerHTML=innerHTMLText;	
			}else{
			
				registro.innerHTML="Nessun Elemento Trovato";
			}
			
		}
		
	</script>
</head>
<body>

<div id="container">

<div id="header">
<h1 align="center">- sCarpe Diem -</h1>
</div>

<div id="menu">
	<br>
	<div align="center" id="menutitle">Menu</div>
		<ul>
			<li><a class="button" href="inserimento_registro.html">Inserimento</a></li>
   			<li><a class="button" href="registro_operatori.html">Registro operatori</a></li>
		</ul>
	</div>
</div>
<div id="content">
<div style="padding:20px">
<h2>Registro Operatori</h2>

	<table>
		<tr>
			<td>
				<ul id="listaOperatori">
					<!-- Viene caricata dal codice Javascript!! -->
				</ul>
			</td>
			<td>
				<div id="registro">
					Clicca su un Operatore per visualizzarne il registro.
				</div>
			</td>
		</tr>
	</table>
</div>
</div>

<div id="footer">
Gruppo_B</div>


 
</body>
</html>

